<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}
*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-size: 14px; font-family:"'Microsoft Yahei"; min-width:1200px; overflow-x: hidden; }
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
*{margin: 0; padding: 0; box-sizing: border-box;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{height:0; overflow:hidden; clear:both;}
.cl{height:0; overflow:hidden; clear:both;}
.container{ width:1400px; margin:auto; min-width:1200px;}
.top40{ margin-top:40px;}
.top30{ margin-top:30px;}
.top60{ margin-top:60px;}
.top80{ margin-top:80px;}
.toct{text-align: center;padding-top: 80px;}
.toct span{font-family: 'Arial';font-weight: bold;font-size: 56px;color: #eee;text-transform: uppercase;}
.toct p{font-size: 40px;color:#222;}
.toct d{font-weight: bold;}
.toct dd{color:#666;font-size: 16px;line-height: 40px;display: block;}

@font-face {
  font-family: 'iconftb';  /* Project id 2711650 */
  src: url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.eot?t=1629430281946'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.eot?t=1629430281946#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.woff2?t=1629430281946') format('woff2'),
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.woff?t=1629430281946') format('woff'),
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.ttf?t=1629430281946') format('truetype'),
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.svg?t=1629430281946#iconftb') format('svg');
}
/*æŠ¬å¤´*/
.header:hover{ background: rgba(255,255,255); box-shadow: 0 0 30px 0px rgba(0,0,0,0.1); }
.header:hover a{color:#333;}
.header{position: fixed;top: 0;left: 0;width: 100%;height: 90px;z-index: 5000;/*background: rgba(25,25,25,0.5);*/transition: ease .5s;border-bottom: 1px solid rgba(255, 255, 255, .2);}
.header.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.ny-header{background: #fff;}
.header-con{width: 80%; margin:0 auto;}
.header.on .header-con{border: none;}
.header:hover .logo{filter: grayscale(0%) brightness(100%);}
.header .logo{/*filter: contrast(0) brightness(2);*/display: block;float: left;position: relative;z-index: 1200; margin-top:12px;}
.header .logo span{float:right; font-size:31px; margin-left:18px; font-family: "classic"; margin-top:2px; color:#fff; font-weight: bold;}
.header .logo span i{font-size:13px; font-family: microsoft yahei;  display:block; letter-spacing:1px; color:#fff;}
.header .logo img{  margin-top:1px;}
.header.on .logo span,.header.on .logo span i,.header:hover .logo span,.header:hover .logo span i{ color:#333;}
.header-top{background: url()no-repeat center;transition: ease .5s;padding: 25px 0;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #fff;}
.header-slogan{float: left;font-size: 22px;line-height: 40px;color: #341d17;}
.header-phone{float: right;font-size: 24px;line-height: 40px;color: #fff;margin-top:27px;  position: relative;padding-left:32px; font-family: "DIN";}
.header-phone h4{ font-weight:normal;}
.header-phone::before{position: absolute;content: "";width: 25px;height: 25px;background: url(//memberpic.114my.com.cn/lianbao888/uploadfile/image/20231028/20231028101252_1300217775.png)no-repeat center;background-size: 100% 100%;top: 50%;transform: translateY(-50%);left: 0;}
.header-phone span{display: inline-block;font-family: "ITCAvantGardeStd-BkCn";font-size: 22px;line-height: 30px;color: #341d17;}

.header:hover .sub-bot{background-image: url(//memberpic.114my.com.cn/sz0001292/uploadfile/image/20231130/20231130140403_1165198063.png);}
.header:hover .header-phone::before{background-image: url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240528/20240528135801_767047465.png);}
.header:hover .header-phone{color: #333;}
.header:hover .dis-m{ color:#333}
/*language*/

.header.on .search,.header:hover .search{background: url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240528/20240528144448_1790461516.png) no-repeat center;}
.search{background: url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240528/20240528144548_907298572.png) no-repeat center;width: 22px;height: 20px;margin-left:0.6vw;cursor: pointer;}
.search:hover .slideDown{opacity: 1;height: 190px;}
.search .slideDown{text-align: center; font-size: 0; overflow: hidden; position: absolute; right: 0; top: 100%; width: 100%; height: 0px;background: rgba(25,25,25,0.7);z-index: 8;opacity: 0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;border-radius: 0px 0px 10px 10px;}
.search .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 1010px; height: 60px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.search .slideDown .searchBox{*display: inline}
.search .slideDown .searchHot,.search .slideDown .searchHot a{ font-size: 15px; color: #fff;}
.search .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}
.search .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; }
.search-bg{width: 936px;height: 60px;line-height:60px;    padding-left: 20px;    float: left;}
.search .submit{width: 21px; height: 18px; background: url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240528/20240528144448_1790461516.png) no-repeat center;border: 0;font-size: 0;}

.search-i {width: 32px;overflow: hidden;height:27px;float: left;margin-top: 16px;}
@-webkit-keyframes "warn" {
    0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;}
    50% {transform: scale(0.5);-webkit-transform: scale(1);opacity: 0.0;}
    100% {transform: scale(0);-webkit-transform: scale(0);opacity: 0.0;}
    
}
.sbidg{  margin-top:23px; margin-left:10px;}
.sbidg img{border-radius:3px;}


/**/
.header.on .dis-m{ color:#333;}
.hright{ margin-top:35px; }
.hrdrop{ position:absolute; right:0px; top:35px; background:#fff; height:0px; overflow:hidden; transition:all 0.5s ease;  z-index:99999;}
.hrdrop.hrphone{ font-size:20px; background:#222; font-weight:bold;background:#fff;}
.hright ul li:hover .hrphone{ padding:20px; height:60px; width:210px;border-radius: 10px;}
.hrdrop.hrcode img{ width:100px; height:100px;}
.hright ul li:hover .hrcode{ padding:10px;border-radius: 10px; width:120px; height:120px;}
#search_bg{ height:37px; width:270px; border:1px solid #bbb; padding-left:15px;border-radius: 10px;}
.hright ul li:hover .hrsearch{ padding:20px; width:310px; height:77px;border-radius: 10px;}
.hrsearch input{ border:none; background:none; height:35px; display:block; float:left;}
#infoname{ width:215px;}

.header.on .header-phone, .ny-header .header-phone{color: #333; margin-top:23px;}
.header.on .header-phone::before, .ny-header .header-phone::before{background-image: url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240528/20240528135801_767047465.png);}
.header-navbar{}
.navbar{float: right;transition: ease .5s;margin-right:2%;}
.navitem{float: left;padding: 0 20px;}
.navitem &gt; a{display: inline-block;font-size: 17px;color: rgba(255,255,255,1);line-height: 30px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;background: transparent;padding: 30px 0;position: relative;}
/* ä¸‹æ‹‰ */
.dropdown-menu{display:none; width:100%; left:0;top: 100%; position:absolute; background:#fff;border-top:1px solid #cfdae3; height:120px; text-align: center;}
.dropdown-menu ul{display:flex;justify-content:center;width:100%;padding-top:11px;}
.dropdown-menu ul li{margin:0 70px;}
.dropdown-menu ul li img{display:block;margin:0 auto;height:38px;}
.dropdown-menu ul li p{margin-top: 12px;line-height:20px;}
.dropdown-menu ul li a{display: block;color: #333333;font-size:16px}
.slhp li{margin:0 20px !important; }
.navitem.single{/*position: relative;*/}
.navitem:hover .dropdown-menu{display: block;}
.dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;}
.dropdown-menu a{display: block;font-size: 16px;line-height: 30px;padding: 15px 0;color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;}
.dropdown-menu a:hover{color: #175fab; font-weight:bold; font-family: "Microsoft YaHei";}
.dropdown-menu a:first-child{border-top: none;} @media (max-width:640px){.intw-txt, .pro-ul li .intw-txt, .pro-ul li:hover .intw-txt{padding: 30px 0;}
.abtbanner-font h4, .abtbanner-font h3, .abtbanner-font p{color: #222;}
.intw-slide:hover .intw-txt{transform: none;}
.intw-slide:hover .intw-txt::before{display: none;}
.intw-slide:hover .intw-txt h3{color: #333;}
.intw-slide:hover .intw-txt p{color: #666;}
.intw-slide:hover .intw-txt span{background-color: #175fab;height: 2px;width: 29px;}
.intw-txt p, .intw-slide:hover .intw-txt p{-webkit-line-clamp: 2;}}
/* .navitem.active&gt;a{font-weight: bold;color: #fff;} */
.navitem:hover &gt; a, .ny-header .navitem:hover &gt; a{color: #333;}
.navitem &gt; a::before{position: absolute;content: "";width: 0px;height: 3px;background: #175fab;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}
.header.on .navitem:hover &gt; a::before, .header.on .navitem.active &gt; a::before, .ny-header .navitem.active &gt; a::before{width: 100%;}
.header.on{background: rgba(255,255,255);border-color: transparent;height:90px;}
.header.on .navitem &gt; a{padding:30px 0;}
.header.on .logo img{/*width: 224px;height: 35px;*/ margin-top:1.5px;}
.header.on .logo span{ margin-top:2px;}
.header.on .logo{filter: grayscale(0%) brightness(100%); color:#333; margin-top:13px;}
.header.on .logo p, .header.on .navitem &gt; a, .ny-header .navitem &gt; a, .header.on .language-text, .ny-header .language-text{color: #333;}
.header.on .navitem.active &gt; a, .ny-header .navitem.active &gt; a{color: #175fab;font-weight: bold;}
.header .navitem:hover &gt; a::before,.header.on .navitem:hover &gt; a::before, .header.on .navitem.active &gt; a::before, .ny-header .navitem.active &gt; a::before{width: 100%;}
.header.on .navitem &gt; a:hover{color: #333;}
.header.on .language-text:hover, .ny-header .language-text:hover{color: #333;}
#ino-p1{display: none;}
#ino-p span{opacity: 0;}
@media(max-width:1500px){
.navbar{margin-right:1px;}
.header-con{width: 90%;}
.header-phone{ margin-right: 14px;} 
.navbar{margin-left: 2%;}
.header .logo img{ }
.header .logo span{  margin-left: 7px}
}
@media(max-width:1819px){
.header-con{width: 90%;}
.navitem{padding: 0 12px;}

.header-phone{font-size: 22px;}
.navbar{margin-right: px;}} @media(max-width:1559px){.intw-swiper{padding: 0 60px;}
.intw-swiper .swiper-button-next{right: 0;}
.intw-swiper .swiper-button-prev{left: 0;}} @media(max-width:1459px){.index-tit em{font-size: 40px;}
.ino-more{margin-top: 50px;}
.ind3-txt h3{font-size: 24px;}
.navitem &gt; a{font-size: 16px;}
.header-phone::before{width: 20px;height: 20px;}
.header-phone{font-size: 20px;padding-left: 30px;}
.navitem &gt; a, .header.on .navitem &gt; a{padding: 35px 6px;}
.navbar{margin-right: px;margin-left: 10px;}
.header .logo{margin: 11px 0 0 0%;}
.header.on .logo{ margin-top:12px;}
.ny-header .logo{margin: 38px 0;}

.intw-slide:hover .intw-txt p{-webkit-line-clamp: 3;}
.intw-txt{height: 182px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 22px;}
.in5-li{padding: 10px 0 15px;}
.bottom1-ewm{width: auto;}
.index-two::before{height: 332px;}} @media(max-width:1259px){body{padding-top: 60px !important;}
.foot-app, .header-app{display: block;}
.index-tit em{font-size: 34px;line-height: 46px;}
.in5-ri{padding: 15px 22px;}
.in5-li{padding: 10px 0 13px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 21px;}
.ino-font1 h3{font-size: 21px;}
.ino-font1.on h3{font-size: 26px;}
.int-ul{padding: 60px;}
.ino-con{height: 450px;}
.in5-img{height: 225px;}
.in5-img img{height: 100%;}
.in5-txt{padding: 31px 22px 24px;}
.frd-link{margin-top: 25px;padding-bottom: 20px;}}
.i_search_r{float: right; width: 262px;}
.i_search_r form { display: block; width: 260px;line-height: 38px; height:38px; margin: 0; position: relative; }
.i_search_r form #search-i{ background:url(//memberpic.114my.com.cn/hongchen666/uploadfile/image/20231216/20231216171021_1198685248.png) no-repeat center; width:25px; height:36px; border-radius: 50%; position: absolute; right: 2px; top:0px; overflow: hidden; display: block; transition:0.3s all ease-in-out; }
.i_search_r form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; }
.i_search_r form #search-bg input { line-height: 38px; background: none; border: 0 none; width: 210px; color: #aaa; outline: none;}

.gy{margin: 0 auto;min-width: 1300px; width: 80%; }
.t{text-align: center;height:150px; display: flex; flex-direction: column; align-items: center; }
.t h3{font-size:40px;color:#333;line-height: 64px; padding-top:8px; font-weight: bold;  position: relative; z-index: 5; font-family: "Microsoft YaHei";}
.t h3 b{font-weight: normal;}
.t h3:after {content:'';width:50px;height:4px; background-color: rgba(0,54,134,.5); position: absolute;bottom:10px;left:0%;z-index: -1;animation:myfirst 3s linear infinite;}
.t span{color: #5d5d5d; font-weight: 100; font-size: 16px; line-height:36px;}

/*äº§å“*/
.prod_bg{width: 100%;height: auto;}
.prod_bg .g-tita2 h3{color: #222;}
.prod_bg .g-tita2 h2{color: #b3b3b3; opacity: .15;}

/*äº§å“*/
.pro {padding: 0% 3% 4% 3%;overflow: hidden; background:rgba(239,242,244,1);}

.pro_tit {display: flex;justify-content: center;}
.pro_tit p {display: flex;flex-direction: column;align-items: center;font-size:40px; font-weight: bold; color:#175fab; font-family: Microsoft YaHei;}
.pro_tit p span {font-size:20px; padding:16px 0 0; text-transform:  uppercase;color: #000; font-weight:lighter; font-family: "syht";}
/**/
.f_pr {    position: relative;}
.g_ab{background:url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240529/20240529104749_643287453.jpg) no-repeat;background-size:cover;height:42rem;padding-top:6rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ab .m_ab{position:relative}
.g_ab .m_ab h2 a{display:block;font-size:2.4rem;font-weight:400;line-height:4.33rem;color:#000;margin-bottom:1.5rem;font-weight:700;border-bottom:.2rem solid #e0e0e0;position:relative;width:43%}
.g_ab .m_ab h2 a:after{content:"";position:absolute;width:5rem;height:.2rem;background:#175fab;left:0;bottom:-.2rem}
.g_ab .m_ab p{font-size:.85rem;font-weight:400;line-height:1.4rem;color:#666;width:43%;margin-bottom:18rem}
.g_ab .m_ab .absp{position:absolute;right:0;top:.7rem;border:.5rem solid #fff;box-shadow:1.5rem 0 3rem rgba(0,0,0,.2)}
.g_ab .m_ab .absp:before{content:"";position:absolute;width:4.1rem;height:4.1rem;left:50%;top:50%;margin-left:-2.05rem;margin-top:-2.05rem;background:url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240529/20240529091250_2045275788.png) no-repeat;background-size:100%;z-index:111}
.g_ab .m_ab .absp:after{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0}
.g_ab .m_ab .m_zz{height:6rem}
.g_ab .m_ab .m_zz ul{height:6rem;position:relative}
.g_ab .m_ab .m_zz li{position:relative;float:left;margin-right:6rem;height:6rem}
.g_ab .m_ab .m_zz li em{display:block;height:3rem;line-height:3rem;overflow:hidden}
.g_ab .m_ab .m_zz li em b{display:block;float:left;font-size:3.3rem;color:#2a2a2a;font-family:arial;font-weight:700}
.g_ab .m_ab .m_zz li em i{display:block;float:left;font-size:.85rem;color:#666;font-style:normal}
.g_ab .m_ab .m_zz li h4{font-size:.85rem;color:#666;text-align:left;font-weight:400}
.g_ab .m_ab .m_zz li:hover em b{color:#175fab}

.g_ab .xclst{width:41.5%;overflow:hidden;position:absolute;left:0;top:11rem}
.g_ab .xctit{height:2.6rem;margin-bottom:.3rem;position:relative}
.g_ab .xctit .tabsxc{height:2rem;margin-bottom:1.5rem}
.g_ab .xctit .tabsxc a{display:block;float:left;position:relative;padding:0 1.8rem}
.g_ab .xctit .tabsxc a:after{content:"";position:absolute;width:1px;height:.7rem;background:#dcdcdc;right:0;top:50%;margin-top:-.35rem}
.g_ab .xctit .tabsxc a em{font-size:.95rem;font-weight:400;line-height:2rem;color:#282828}
.g_ab .xctit .tabsxc a:nth-child(1){padding-left:0}
.g_ab .xctit .tabsxc a:nth-child(3):after{background:0 0}
.g_ab .xctit .tabsxc .active em{color:#175fab;font-weight:700}

.g_ab .js-swiper-nest-bas-out{overflow:hidden}
.g_ab .js-swiper-nest-bas-in{height:15rem;position:relative;overflow:hidden}
.g_ab .js-swiper-nest-bas-in .cplst{width:100%;position:relative}
.g_ab .js-swiper-nest-bas-in .cplst i{width:100%;display:block}
.g_ab .js-swiper-nest-bas-in .cplst i img{width:100%;display:block}
.g_ab .js-swiper-nest-bas-in .cplst em{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(23,95,171,.75);padding:3rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:.85rem;color:#fff}
.g_ab .js-swiper-nest-bas-in .cplst .cpmore{display:block;width:1.4rem;height:1.4rem;margin:0 auto .5rem}
.g_ab .js-swiper-nest-bas-in .cplst .cpmore img{width:100%;display:block}
.g_ab .js-swiper-nest-bas-in .item_img img{transition:all .36s ease;display:inline;width:100%}
.g_ab .js-swiper-nest-bas-in .item_box{display:block;position:relative}
.g_ab .js-swiper-nest-bas-in .item_wrapper{transition:all .36s ease;transform:rotateY(90deg)}
.g_ab .js-swiper-nest-bas-in .item_block:hover .item_box .item_wrapper:before{width:100%}
.g_ab .js-swiper-nest-bas-in .item_block:hover .item_box .item_wrapper .item_info{opacity:1}
.g_ab .js-swiper-nest-bas-in .item_block:hover .item_box .item_wrapper{transform:rotateY(0)}
.g_ab .js-swiper-nest-bas-in .swiper-pagination-bullets{bottom:4rem}
.g_ab .js-swiper-nest-bas-in .swiper-pagination-bullet{width:.4rem;height:.4rem;border:.1rem solid #b82e45;border-radius:50%;background:0 0}
.g_ab .js-swiper-nest-bas-in .swiper-pagination-bullet-active{background:#b82e45}
/*products*/
.pro_bc{background: #f3f3f3;padding:90px 0;}
.pro_tit{text-align: center;}
.pro_tit p{font-size: 36px;color: #333;}
.pro_tit b{color: #175fab;font-size: 36px;}
.pro_tit i{font-size: 18px;color: #676767;display: block;margin-top: 13px;}
.pro_ca ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro_ca{margin: 40px 0;}
.pro_ca ul li{width: 13.5%;text-align: center;background: #fff;height: 55px;line-height: 55px;position: relative; border-radius: 5px;}
.pro_ca ul li.on{background:#175fab;}
.pro_ca ul li.on a{color:#fff;}
.pro_ca ul li:last-child{display: none;}
.pro_ca ul li:nth-child(n+8){margin-top: 14px; width:16%;}
.pro_ca ul li a{font-size: 16px; color: #333;}
.pro_ca ul li dl{position: absolute; top: 50px; left: 0; width: 100%; height: 50px; z-index: 2;}
.pro_ca ul li dl a{display: block; background: #666; height: 50px; line-height: 50px; color: #fff; transition: all .3s;}
.pro_ca ul li:hover dl{transform: rotateX(0deg);}
.pro_ca ul li dl{transition: all .5s; transform: rotateX(
90deg
); transform-origin: top;}
.pro_ca ul li dl a:hover{background: #175fab;}
.pro_ic img{width: 100%; height: auto;}
.pro_item ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro_item ul li{width: 24%; position: relative; border: 1px solid #eee;}
.pro_item ul li span a{display: block; height: 52px; line-height: 52px; text-align: center; font-size: 16px; background: rgba(23,95,171,0.7); color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; transition: all .5s; transform: rotateX(90deg);}
.pro_item ul li:nth-child(n+5){margin-top: 20px;}
.pro_item ul li span{}
.pro_item ul li:hover span a{transform: rotateX(0deg);}
.pro_item ul li img{transition: all .5s;}
.pro_item ul li&gt;a{display: block; overflow: hidden;}
.pro_item ul li:hover img{transform: scale(1.2);}
.pro_item ul li br{display: none;}
.pro_ic{position: relative; display: flex;transition:all .5s;}
.pro_item{flex-shrink: 0;width: 100%;}
.pro_item+.pro_item{}
.pro_c{overflow: hidden;}
/**/
.g_ys{padding-top:4.5rem}
.g_ys h2{margin-bottom:1.5rem;text-align:center}
.g_ys h2 b{display:block;font-size:2.9rem;font-weight:400;line-height:3.5rem;color:#000;font-weight:700}
.g_ys h2 em{display:block;font-size:1.1rem;font-weight:400;line-height:1.6rem;color:#070002}
.g_ys .m_ys{background:url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240529/20240529093258_495523666.png) no-repeat;background-size:100%;height:42.6rem;position:relative;overflow:hidden}
.g_ys .m_ys dl{height:42.6rem;overflow:hidden}
.g_ys .m_ys dt{position:absolute;right:0;bottom:0;width:68.17%;}
.g_ys .m_ys dt i{width:100%;position:relative;z-index:142;display:block}
.g_ys .m_ys dt i:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:url(//memberpic.114my.com.cn/hofconn/uploadfile/image/20240529/20240529091335_1470018549.png) no-repeat;background-size:100%;z-index:111}
.g_ys .m_ys dt i img{width:100%;display:block;transition:all .3s linear 0s}
.g_ys .m_ys dt span{position:absolute;right:13.5%;top:-5rem;font-size:5.6rem;font-weight:400;line-height:6rem;color:#e5e5e5;text-transform:uppercase;font-weight:700}
.g_ys .m_ys dd{position:absolute;left:13.5%;top:1.7rem;width:29.1%}
.g_ys .m_ys dd h3{height:4rem;font-size:2.1rem;font-weight:400;line-height:4rem;color:#fff;border-bottom:.1rem solid rgba(255,255,255,.2);font-weight:700;margin-bottom:8.3rem}
.g_ys .m_ys dd h4{position:relative;padding-top:1.7rem;font-size:1.6rem;font-weight:400;line-height:2.3rem;color:#fff;font-weight:700;padding-bottom:1.5rem}
.g_ys .m_ys dd h4:after{content:"";position:absolute;width:3rem;height:.255rem;background:#f0f1f1;left:0;top:0}
.g_ys .m_ys dd p{font-size:.85rem;font-weight:400;line-height:1.3rem;color:#fff;width:15rem}

.g_ys .tabsys{position:absolute;right:0;bottom:0;width:68.17%;z-index:1525;height:6.4rem;border-top:1px solid rgba(255,255,255,.2)}
.g_ys .tabsys li{float:left;width:25%;border-right:1px solid rgba(255,255,255,.2);position:relative;height:6.4rem;padding-left:6.5rem;padding-top:1.6rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ys .tabsys li i{position:absolute;left:2rem;top:1.5rem;width:4rem}
.g_ys .tabsys li i img{width:100%;display:block;}
.g_ys .tabsys li:hover i img{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}

.g_ys .tabsys li b{display:block;font-size:1.8rem;font-weight:400;line-height:2.4rem;color:#fff}
.g_ys .tabsys li em{display:block;font-size:.65rem;font-weight:400;line-height:1.2rem;color:rgba(255,255,255,.2)}
.g_ys .tabsys .cur,.g_ys .tabsys li:hover{background:#175fab}
/**/
.g_antit{background:#f5f5f5;padding-top:4.4rem; padding-bottom:2rem;}
.g_antit h2{margin-bottom:.7rem;text-align:center}
.g_antit h2 b{display:block;font-size:2.9rem;font-weight:400;line-height:3.5rem;color:#000;font-weight:700}
.g_antit h2 em{display:block;font-size:1.1rem;font-weight:400;line-height:1.6rem;color:#070002}
.g_antit .m_antit{border-bottom:1px solid #dcdcdc;height:3rem}

.g_antit .m_antit li{position:relative;padding-left:2.2rem; padding-right: 0.5rem; float:left;margin-right:4%}
.g_antit .m_antit li i{position:absolute;left:0;top:.6rem;width:2rem;height:2rem;overflow:hidden}
.g_antit .m_antit li i img{width:4rem;display:block}
.g_antit .m_antit li em{display:block;font-size:.95rem;font-weight:400;line-height:3rem;color:#070002}
.g_antit .m_antit li:last-child{margin-right:0}
.g_antit .m_antit li:hover i img,.g_antit .m_antit .cur i img{margin-left: -2rem;}
.g_antit .m_antit li:hover em,.g_antit .m_antit .cur em{color:#175fab;}
.g_antit .m_antit li:before{content:"";position:absolute;width:0;height:0.15rem;background:#175fab;left:0;bottom:0;transition: all 0.3s linear 0s;}
.g_antit .m_antit li:hover:before,.g_antit .m_antit .cur:before{width: 100%;}
/**/
.adv{padding-bottom:0;   margin-bottom: 80px;}
.adv .hTitle span{}
.adv ul{margin-right:-1px;}
.adv li{float:left;width:14.98%;height:600px;position:relative;z-index:2;transition:all .6s;cursor:pointer; margin-right: 1px;}
.adv li::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:#000;opacity:.66;transition:all .6s;transition-delay:.2s;}
.adv li .txt{position:absolute;top:50%;z-index:2;color:#fff;text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform:translateY(-50%);transition:all .5s;}
.adv li .txt h4{font-size:1.714em;padding-bottom:30px;position:relative;transition:all .3s;}
.adv li .txt h4 i{font-style:normal;display:block;font-size:30px;margin-bottom:18px; opacity: .9; }
.adv li .txt h4::after,.aboutBtn p::after{content:"";position: absolute;left:50%;background:#fff;width:12px;height:1px;bottom:0;margin-left:-6px;transition:all .3s;}
.adv li .info{padding-left:25px;border-left: 1px solid #fff; opacity:.7; color:#fff;line-height:1.8;margin-top:30px;transition:all .5s; padding-right: 25px; height:55px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.adv li.cur{width:39.7%;text-align:left;}
.adv li.cur::after{left:10%;right:10%;top:32%;bottom:32%;box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15);   border-radius: 10px;}
.adv li.cur .txt{top:50%;padding:0 14%;text-align:left;}
.adv li.cur h4{font-size:2.2em;line-height:1;}
.adv li.cur h4::after{display:none;}
.adv li.cur .info{opacity:1;margin-top:0; font-size:15px; padding-right: 0px; opacity:1;} 




/*news*/
.taser {margin-bottom:.7rem;text-align:center}
.taser b{display:block;font-size:2.9rem;font-weight:400;line-height:3.5rem;color:#000;font-weight:700}
.taser em{display:block;font-size:1.1rem;font-weight:400;line-height:1.6rem;color:#070002}
.w1400{ width:1400px; margin:0 auto;}
.news_top ul{text-align:center; margin:0px auto;}
.news_wz{ height:48px;line-height: 36px; }
.news_wz b{font-size:26px;}
.news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;}
.news_wz em{font-size:16px; font-weight:200; display: block;color: #999;}
.news_tab{margin-bottom:10px; }
.news_tab li{display:inline-block; background: #fff; box-shadow: 0px 0px 20px #eee; width: 200px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px;border: 1px solid #ccc;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;font-weight:100; color:#666;display: block;}
.news_tab li.on{color:#fff; background:linear-gradient(-90deg, #175fab, #175fab);box-shadow:0px 0px 10px rgba(23,95,171, 0.3);width: 170px; height: 42px; line-height: 42px;}
.news_tab li.on a{color:#fff !important;}
.news_a{margin-right: 17px;}
.news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;}
.news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;}
.news_a .sPrev{right: 5px;transform: rotate(-90deg);}
.news_a .sNext{left: 5px;transform: rotate(90deg);}
.news_a i:hover{color:#005cab;}
.news_list{height:28vw; min-height:500px !important;width: 100%;overflow: hidden;}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div{}
.news_list .news_div_item{width: 25%;display:flex;position: relative;height:90%;transition:0.5s; padding:30px 40px 40px;border-right:1px #eee solid;flex-direction: column-reverse;    float: left; }
.news_list .news_div_item:first-child{border-left:1px #eee solid;}
.news_list .news_div_item_date{font-weight: 400;height: 26px; line-height: 22px; display:none; }
.news_list .news_div_item_content{padding-right: 14px; padding-bottom:48px; margin-top:20px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{display: inline-block; font-size: 15px;line-height: 22px; color: #999;}

.news_list .news_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight:normal; color:#222;}
.news_list .news_div_item_a::before{position:absolute;content:'æŸ¥çœ‹è¯¦æƒ…';bottom: -152px;left: 0;width: 0;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100; display: none;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(//memberpic.114my.com.cn/tengye/uploadfile/image/20220420/20220420092006_555047837.png) no-repeat center;width: 18px;height: 14px;left: 0;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic{  height: 200px; overflow: hidden;}
.news_list .news_div_item img{transition:0.3s all linear; }
.news_list .news_div_item:hover img{transform:scale(1.1);}
.news_list .news_div_item:hover .news_div_item_a{color: #175fab;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{padding-left:40px;display: block;width: 130px;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;}

/*link*/
.link_bg{width:100%; background: #f5f5f5; padding:1.2% 0;}
.links_l{width:100px; font-size: 16px; color:#333; line-height:36px;}
.linkTagcs li{padding-right: 13px !important;}
/*footer*/
.footer_bg{width: 100%; min-width: 1200px;color: #fff; background:#1b1b1b;padding: 40px 0 20px 0;position: relative;}
.footer li{ float: left;}
.footer li+li{margin-left:8%;}
.footer_w1 t{display: block;float: left;font-size: 24px;font-weight: bold;margin-right: 11px;}
.footer_w1 span{display: block;float: left;font-size: 20px;margin-top:3px;}

.footer li:nth-child(5){width:146px; margin-left:22px; margin-top:30px; background:#fff; float:right;}
.footer li:nth-child(6){width:146px; margin-left:16px; margin-top:30px; background:#fff; float:right;}
.footer_w{font-size: 14px; line-height: 34px; color: #999;}
.footer_w p{position:relative;line-height:34px;}
.footer_w p:before{left:0;font-family: "iconftb";font-size: 16px;padding-right: 15px;}
.footer li a{ display: block;font-size: 14px; line-height: 32px; color: #999;}
.footer li a:hover{color:#fff;}
.footer_t{ font-size: 16px !important; color: #fff !important;  line-height: 60px !important; position: relative; margin-bottom:20px;}
.footer_t:after {
    content: "";
    display: block;
    width: 19px;
    height: 2px;
    background: #fff;
    margin-top: 1px;
    transition: all linear 0.5s;
}
.footer li img{width:146px; padding:10px; background:#fff;}
.footer li:nth-child(5) p{text-align:center; color:#999; line-height:30px; margin-bottom:10px;}
.footer li:nth-child(6) p{text-align:center; color:#999; line-height:30px; margin-bottom:10px;}
.copy_bg{ border-top:1px #333 solid; margin-top:40px;}

.copy{line-height:24px; font-size: 14px;color: #999; margin-top:30px; }
.copy a{font-size: 14px; color: #999;}
.copy a:hover{color: #175fab;}
.frr{float: right;}
.copy a strong {font-weight: normal;}


/*å³ä¾§æµ®åŠ¨*/
.y-kefu-box{position: fixed;right: 0;top: 20%;z-index: 9999;font-size: 13px;}
.y-kefu-box a{text-decoration:none;}
.y-kefu-box img{display: block;width: 100%;height: auto;}
.y-kefu-box01 .icon{display: block;background: url(//memberpic.114my.com.cn/jingshun88/uploadfile/image/20240113/20240113145701_1207831162.png) no-repeat;margin: 0 auto 6px;}
.y-kefu-box01{width: 54px;color: #666;text-align: center;}
.y-kefu-box01 .kf-close-btn{width: 27px;height: 27px;background-position: -5px -115px;position: relative;cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before{content: '';display: block;width: 1px;height: 12px;position: absolute;bottom: -12px;left: 13px;z-index: 1;background-color: #175fab ;}
/*é¢œè‰²æ›´æ”¹*/.y-kefu-box01 .show-status&gt;a, .y-kefu-box01 .show-status&gt;div{display: block;width: 52px;padding: 8px 0 12px;background-color: #fff;border-left: solid 1px #efefef;border-top: solid 1px #efefef;border-right: solid 1px #efefef;position: relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-zixun{background-color: #175fab ;border-color: #175fab ;color: #fff;margin: 10px 0 7px;}
/*é¢œè‰²æ›´æ”¹*/.y-kefu-box01 .kf-zixun{border-radius: 2px;}
.y-kefu-box01 .kf-zixun i{width: 21px;height: 22px;background-position: -5px -5px;}
.y-kefu-box01 .kf-mobile{border-top-left-radius: 2px;border-top-right-radius: 2px;}
.y-kefu-box01 .kf-mobile&gt;i{width: 18px;height: 18px;background-position: -5px -32px;}
.y-kefu-box01 .kf-mobile:hover&gt;i{background-position: -30px -32px;}
.y-kefu-box01 .kf-weChat&gt;i{width: 22px;height: 19px;background-position: -5px -55px;}
.y-kefu-box01 .kf-weChat:hover&gt;i{background-position: -30px -55px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.y-kefu-box01 .kf-email&gt;i{width: 18px;height: 14px;background-position: -5px -80px;}
.y-kefu-box01 .kf-email:hover&gt;i{background-position: -30px -80px;}
.y-kefu-box01 .back-top i{width: 13px;height: 11px;background-position: -5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position: -30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top: 20px;border-radius: 2px;left: 55px;}
.y-kefu-box01 .hver:hover{background-color: #175fab ;border-color: #175fab ;}
/*é¢œè‰²æ›´æ”¹*/.y-kefu-box01 .hver:hover&gt;p{color: #fff;}
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color: #fff;border: solid 1px #efefef;position: absolute;right: 90px;z-index: 2;border-radius: 2px;display: none;}
/*ç”µè¯*/.y-kefu-box01 .mobile-infos{width: 260px;text-align: left;top: 0;}
.y-kefu-box01 .mobile-infos&gt;div{padding: 20px 0 20px 45px;position: relative;}
.y-kefu-box01 .mobile-infos&gt;div i{width: 15px;height: 15px;background-position: -52px -32px;position: absolute;top: 22px;left: 20px;z-index: 2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom: solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#b9b9b9;}
.y-kefu-box01 .mobile-infos p{color: #175fab ;font-size: 18px;}
/*é¢œè‰²æ›´æ”¹*/.right{width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
.right-arrow1,.right-arrow2{width: 0;height: 0;display: block;position: absolute;left: 0;top: 0;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;}
.right-arrow1{left: 1px;border-left: 6px #efefef solid;}
.right-arrow2{border-left: 6px white solid;}
/*äºŒç»´ç&nbsp;*/.y-kefu-box01 .y-ewm-box{width: 151px;height: 178px;top: -60px;}
.y-kefu-box01 .y-ewm-box&gt;div{width: 151px;height: 178px;}
.y-kefu-box01 .y-ewm-box img{width: 120px;height: 120px;margin: 12px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{width: 150px;border-right: solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{top: 84px;}
/*é‚®ç®±*/.y-kefu-box01 .y-email-infos{padding: 28px 20px 28px 45px;color:#b9b9b9;text-align: left;bottom: 0;}
.y-kefu-box01 .y-email-infos p{color: #175fab ;font-size: 16px;}
/*é¢œè‰²æ›´æ”¹*/.y-kefu-box01 .y-email-infos&gt;i{width: 18px;height: 13px;background-position: -52px -80px;position: absolute;left: 15px;top: 30px;}
.y-kefu-box01 .y-email-infos .right{top: 55px;}
.y-kefu-box01 .hide-status{width: 54px;height: 65px;background-color:#175fab ;position: absolute;top: 37px;left: 55px;z-index: 9;}
/*å…³é—­åŽé¢œè‰²*/.y-kefu-box01 .hide-status .kf-zixun{padding: 10px 0 7px;color: #fff;cursor: pointer;}</pre></body></html>